{% extends 'ApiCloud/Base/layout.common.html.twig' %}

{% block body %}
    {% include "ApiCloud/Base/inc.head.light.html.twig" with {title:"人员分配",back:1} %}
    {% include "ApiCloud/Base/inc.site.base.html.twig" with {site:"项目流转"} %}
    <div class="fs10 pad5">
        <mu-form ref="form" :model="en"  label-position="top" label-width="200">
            <mu-form-item label="放缆负责人" :rules="[rules.notNull]" prop="fanglan">
                <mu-select v-model="en.fanglan" full-width>
                    <mu-option v-for="option,index in fanglan"
                               :key="index" :label="option" :value="index"></mu-option>
                </mu-select>
            </mu-form-item>

            <mu-form-item label="熔接负责人" :rules="[rules.notNull]" prop="rongjie">
                <mu-select v-model="en.rongjie" full-width>
                    <mu-option v-for="option,index in rongjie"
                               :key="index" :label="option" :value="index"></mu-option>
                </mu-select>
            </mu-form-item>

            <mu-form-item label="资源管理一" :rules="[rules.notNull]" prop="ziguan1">
                <mu-select v-model="en.ziguan1" full-width>
                    <mu-option v-for="option,index in ziguan"
                               :key="index" :label="option" :value="index"></mu-option>
                </mu-select>
            </mu-form-item>

            <mu-form-item label="资源管理二" :rules="[rules.notNull]" prop="ziguan2">
                <mu-select v-model="en.ziguan2" full-width>
                    <mu-option v-for="option,index in ziguan"
                               :key="index" :label="option" :value="index"></mu-option>
                </mu-select>
            </mu-form-item>

            <div class="fs8 c11 pad5 mart20">
                <mu-button large full-width round color="primary" @click="submit()">保存提交</mu-button>
            </div>
        </mu-form>
        {#<div class="flrc padl5 padr5">#}

        {#</div>#}
        {#<div class="flrc padl5 padr5">#}
            {#<mu-select label="" v-model="value1" full-width>#}
                {#<mu-option v-for="option,index in zbdw"#}
                           {#:key="index" :label="option" :value="index"></mu-option>#}
            {#</mu-select>#}
        {#</div>#}
        {#<div class="flrc padl5 padr5">#}
            {#<mu-select label="资源管理一" v-model="value1" full-width>#}
                {#<mu-option v-for="option,index in zbdw"#}
                           {#:key="index" :label="option" :value="index"></mu-option>#}
            {#</mu-select>#}
        {#</div>#}
        {#<div class="flrc padl5 padr5">#}
            {#<mu-select label="资源管理二" v-model="value1" full-width>#}
                {#<mu-option v-for="option,index in zbdw"#}
                           {#:key="index" :label="option" :value="index"></mu-option>#}
            {#</mu-select>#}
        {#</div>#}
    </div>
    {#<div class="fs10">#}
        {#<mu-stepper :active-step="curStep" orientation="vertical" :linear="false">#}
            {#<mu-step :completed="true">#}
                {#<mu-step-button @click="setCur(0)">#}
                    {#放缆负责人#}
                {#</mu-step-button>#}
                {#<mu-step-content>#}
                    {#<div class="flex-r flex-wrap padt10">#}
                        {#<div class="flrc padr10 round30 bc3 c11 mar3" v-for="item in 5">#}
                            {#<mu-avatar :size="48">#}
                                {#<img src="/ApiCloud/assets/img/userHead.jpeg">#}
                            {#</mu-avatar>#}
                            {#<span class="pad5">张三三</span>#}
                        {#</div>#}
                    {#</div>#}
                {#</mu-step-content>#}
            {#</mu-step>#}
            {#<mu-step :completed="true">#}
                {#<mu-step-button @click="setCur(1)">#}
                    {#熔接负责人#}
                {#</mu-step-button>#}
                {#<mu-step-content>#}
                    {#<div class="flex-r flex-wrap padt10">#}
                        {#<div class="flrc padr10 round30 bc3 c11 mar3" v-for="item in 5">#}
                            {#<mu-avatar :size="48">#}
                                {#<img src="/ApiCloud/assets/img/userHead.jpeg">#}
                            {#</mu-avatar>#}
                            {#<span class="pad5">张三三</span>#}
                        {#</div>#}
                    {#</div>#}
                {#</mu-step-content>#}
            {#</mu-step>#}
            {#<mu-step :completed="true">#}
                {#<mu-step-button>#}
                    {#资源管理一#}
                {#</mu-step-button>#}
                {#<mu-step-content>#}
                    {#<div class="flex-r flex-wrap padt10">#}
                        {#<div class="flrc padr10 round30 bc3 c11 mar3" v-for="item in 5">#}
                            {#<mu-avatar :size="48">#}
                                {#<img src="/ApiCloud/assets/img/userHead.jpeg">#}
                            {#</mu-avatar>#}
                            {#<span class="pad5">张三三</span>#}
                        {#</div>#}
                    {#</div>#}
                {#</mu-step-content>#}
            {#</mu-step>#}
            {#<mu-step :completed="true">#}
                {#<mu-step-button>#}
                    {#资源管理二#}
                {#</mu-step-button>#}
                {#<mu-step-content>#}
                    {#<div class="flex-r flex-wrap padt10">#}
                        {#<div class="flrc padr10 round30 bc3 c11 mar3" v-for="item in 5">#}
                            {#<mu-avatar :size="48">#}
                                {#<img src="/ApiCloud/assets/img/userHead.jpeg">#}
                            {#</mu-avatar>#}
                            {#<span class="pad5">张三三</span>#}
                        {#</div>#}
                    {#</div>#}
                {#</mu-step-content>#}
            {#</mu-step>#}
        {#</mu-stepper>#}
    {#</div>#}
{% endblock %}
